<template>
	  <div class="info-title">
        <div class="info-content">
          <span class="info-name">
            {{ headline }}
          </span>
        </div>
      </div>
</template>
<script type="text/ecmascript-6">
  export default {
  	name: 'headline',
	data() {
		return {
		};
	},
	props: ['headline']
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../common/stylus/mixin";

  .info-title
    height: 41px  
    margin-left: 12px
    .info-content
      border-left: 4px solid rgb(211,47,47) 
      height: 20px
      margin-top: 13px
      float: left
      .info-name
        padding-left: 7px
        font-size: 16px
        color: $theme
        line-height: 20px     
</style>